<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta content="App Inventor for Android" name="description">
    <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
    <title>
      Tutoriales - App Inventor para Android
    </title>
    <link href="../../static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
    <link href="../../static/images/appinventor-16.png" rel="icon" type="image/png">
    <link href="../../static/css/appinventor.css" rel="stylesheet" type="text/css">
<!-- ADD Google Analytics here -->
<!-- END Google Analytics here -->
    <style type="text/css">
img.c2 {border-width:0}
    div.c1 {clear:both;}
    </style>
  </head>
  <body>
    <div id="aiac">
      <div class="main-container">
        <div class="header">
          <div class="header-title">
            <a href="../../about/index.html"><img alt="" src="../../static/images/appinventor_logo.gif"></a>
          </div>
            <div class="header-search">
<!-- ADD Google Custom Search -->
<!-- END Google Custom Search -->
              <div class="header-search-query">
              </div>
              <div class="header-search-button">
              </div>
            </div>
          <div class="header-login">
            <div class="header-login-greeting">
              Aprende acerca de App Inventor
            </div>
          </div>
        </div>
        <div class="customhr customhr-green"></div>
<!-- ADD Google Search Results -->
<div id="cse" style="width:100%;height:0;"></div>
<!-- END Google Search Results -->
        <div id="navigation">
          <div id="navigation-links">
            <div class="navigation-link-option" id="navigation-link-home">
              <a href="../../about/index.html">Acerca de</a>
            </div>
            <div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
              <a href="../../learn/index.html">Aprende</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-forum">
              <a href="../../forum/index.html">Foro</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-myappinventor">
              <a href="">Mis Proyectos</a><div>(próximamente)</div>
            </div>
          </div>
          <div id="navigation-breadcrumb">
            <a href="../../learn/index.html">Aprende</a> &gt; Tutoriales &gt;
          </div>
          <div class="c1"></div>
        </div>
        <div class="customhr customhr-gray"></div>
        <div class="content">
          <div class="content-body">
            <div class="learn-page">
              <h1>
                Tutoriales
              </h1>
              <h2>
                Básico
              </h2>
              <p>
                Una vez que hayas <a href="../../learn/setup/index.html">configurado</a> tu equipo y creado la aplicación HelloPurr estás listo para comenzar con estos tutoriales básicos.
              </p>
              <ul id="tutorial">
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="paintpot/paintpot-part1.html">PaintPot</a><br>
                    PaintPot te permite hacer garabatos con colores diferentes al tocar la pantalla para dibujar puntos y líneas. Los conceptos introducidos en este proyecto incluyen: componentes lienzo (Canvas) para dibujo; los controladores de eventos que toman argumentos, entre ellos el tacto y los eventos de arrastre, y los componentes de Arreglo (Arrangement) para el control de diseño de la pantalla. <a href="paintpot/paintpot-part2.html">La parte 2</a> extiende el proyecto para dibujar puntos de diferentes tamaños, como una introducción a <em>las variables globales</em>.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="molemash/molemash.html">MoleMash</a><br>
                    En el juego de arcade Whac-a-Mole<sup>TM</sup>, un "topo" aparece en posiciones al azar en un campo de juego, y los usuarios ganan puntos al golpear al topo con un mazo. Este es un juego similar que utiliza la pantalla táctil. Este tutorial presenta: los sprites de imagen, temporizadores, y procedimientos.

                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="piccall/piccall.html">PicCall</a><br>
                    PicCall te muestra cómo crear aplicaciones que utilizan la funcionalidad del teléfono. Esta aplicación te permite seleccionar a las personas de tu lista de contactos y mostrar sus imágenes. Cuando se presiona un cuadro de imagen, el teléfono llama a esa persona.
                  </div>
                  <div class="clear"></div>
                </li>
              </ul>
              <h2>
                Avanzado
              </h2>
              <p>
                Estos tutoriales se basan en las cosas que has aprendido en los tutoriales para principiantes y exploran una funcionalidad más compleja de App Inventor.
              </p>
              <ul id="tutorial">
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="quizme/quizme.html">Quiz Me</a><br>
                    QuizMe es un juego de preguntas sobre béisbol, pero se puede usar como plantilla para construir cuestionarios sobre cualquier tema. Con QuizMe el usuario pasa a través de una serie de preguntas, haciendo clic en el botón Siguiente para pasar a la siguiente pregunta. El usuario introduce una respuesta para cada pregunta y la aplicación informa si la respuesta es correcta o no. Para este tutorial, crearás una aplicación en la que las preguntas son siempre las mismas a menos que tú, el programador, las cambies. Más tarde, puedes crear MakeAQuiz, una aplicación que permite a los usuarios crear y modificar las preguntas del cuestionario.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="textgroup/textgroup.html">Text Group</a><br>
                    Este tutorial introduce el componente de mensajes de texto para el envío y procesamiento de textos. Vas a construir una aplicación que envíe mensaje de texto a una lista de números de teléfono.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="makequiztakequiz/makequiztakequiz.html">MakeQuiz y TakeQuiz</a><br>
                    MakeQuiz y TakeQuiz son dos aplicaciones que, en conjunto, permiten a un profesor crear cuestionarios para un estudiante. Los padres pueden crear divertidas aplicaciones "trivia" para sus hijos para un viaje largo  por carretera, los maestros de primaria pueden construir "Math Blaster" con preguntas y respuestas de matemáticas, y los estudiantes universitarios pueden construir pruebas para ayudar a sus grupos de estudio a prepararse para un examen. Este tutorial te guiará a través de la creación tanto de la aplicación MakeQuiz como de la TakeQuiz. 
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="maptour/maptour.html">Map Tour</a><br>
                    Este es un tutorial de dos partes que introduce el componente ActivityStarter para el lanzamiento de aplicaciones arbitrarias para Android y el componente ListPicker para permitir al usuario elegir entre una lista de elementos. Vas a crear MapTour, una aplicación para visitar los destinos franceses de vacaciones con un solo clic. Los usuarios de tu aplicación podrán visitar la Torre Eiffel, el Lourve, y Notre Dame, en una rápida sucesión.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="textgroup2/textgroup2.html">Text Group Parte 2</a><br>
                    Este tutorial extiende el tutorial Text Group. Esa aplicación envía un texto a una lista fija de números de teléfono, y sólo el programador puede cambiar los números en la lista. La aplicación de este tutorial permite al usuario añadir y eliminar los números de teléfono de la lista, y almacena la lista de forma persistente en una base de datos.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="broadcasterhub/broadcasterhub.html">Broadcaster Hub</a><br>
                    En este tutorial, vas a escribir una aplicación que responde automáticamente a los mensajes de texto y mensajes de textos de difusión que recibe, respondiendo a una lista de números de teléfono. La aplicación está inspirada en FrontlineSMS, una herramienta que se ha utilizado en los países en desarrollo para supervisar las elecciones, la difusión de los cambios del clima, y en general, para conectar gente que no tiene acceso a Internet, pero que sí tiene teléfono y conectividad móvil.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="notext/notext.html">Sin mensajes mientras conduzco</a><br>
                    Este tutorial muestra cómo una aplicación puede responder a mensajes de texto automáticamente. Vas a crear una aplicación que envía de vuelta una respuesta cuando un mensaje de texto es recibido. La idea de la aplicación fue del estudiante de la Universidad de San Francisco Daniel Finnegan.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="notext/notext2.html">Sin mensajes mientras conduzco Parte 2</a><br>
                    Tú sabes que los mensajes de texto mientras se conduce son peligrosos, por lo que has creado e instalado la aplicación Sin mensajes mientras conduzco (No Text While Driving) en tu teléfono. Ahora, cuando conduces abres esa aplicación y la dejas auto-responder a los mensajes entrantes. Pero el sonido de los mensajes que llegan te está matando de curiosidad - ¿no sería estupendo que pudieras escuchar los textos en voz alta? Con la segunda parte del tutorial, extenderás la aplicación de modo que se escuche tanto el texto del mensaje como quien lo envió. Y ya que estamos haciendo algunos cambios, vas a modificar la respuesta automática para que informe de tu paradero en la respuesta: "Lo siento, estoy conduciendo, estoy en el 1600 de Pennsylvania Avenue". Antes de completar este tutorial, debes completar la parte I.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="whereismycar/whereismycar.html">Android, ¿Dónde está mi coche?</a><br>
                    Has estacionado en algún lugar cerca del estadio o del bar, pero cuando el concierto/fiesta termina no tienes ni idea de donde está el coche. Los amigos que vienen contigo son igual de despistados. Afortunadamente, no has perdido tu teléfono Android que nunca se olvida de nada, y  recuerdas que tienes la nueva e increíble aplicación, Android, ¿Dónde está mi coche?. Con esta aplicación, haces clic en un botón cuando aparcas tu coche, y Android usa el sensor de ubicación para registrar las coordenadas GPS del coche y la dirección. Más tarde, cuando vuelvas a abrir la aplicación, ésta muestra un mapa en donde está indicada la ubicación recordada - ¡problema resuelto! Con este tutorial podrás descargar una aplicación creada para luego a continuación estudiar los bloques anotados, para entender mejor la aplicación y la programación de App Inventor en general.
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="image"></div>
                  <div class="text">
                    <a class="title" href="stockquotes/stockquotes.html">Stock Quotes</a><br>
                    En este tutorial se muestra cómo utilizar el componente Web para hacer una aplicación para llamar a un servicio Web (Yahoo! Finanzas), con una sencilla interfaz de programación de la aplicación  (API).
                  </div>
                  <div class="clear"></div>
                </li>
                <li>
                  <div class="text">
                    <a class="title" href="molemash2/molemash2.html">MoleMash 2</a><br>
                    MoleMash2 proporciona una implementación alternativa del juego clásico de feria, que muestra cómo utilizar las funciones avanzadas en el editor de bloques y como usar capas de Sprites.
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="footer">
          <div class="footer-legal">
            <p>
              <a href="http://creativecommons.org/licenses/by/3.0/es/" rel="license"><img alt="Creative Commons License" class="c2" src="http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
              Este trabajo está bajo una licencia <a href="http://creativecommons.org/licenses/by/3.0/es/" rel="license">Creative Commons Attribution 3.0 Unported License</a> .
            </p>
            <p>
              El trabajo original de Google se ha modificado<br>
              El trabajo modificado fue traducido del Inglés al Español<br>
              <a href="../../about/index.html">Acerca de</a> | <a href="../../about/privacy.html">Privacidad</a> | <a href="../../about/termsofservice.html">Condiciones</a>
            </p>
          </div>
          <div class="footer-lastupdate">
            <script type="text/javascript">
if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
            </script>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

